<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>获得css的值</title>
		<style>
			#d1{
				border: 3px solid red;
				font-size: 40px;
			}
		</style>
		<script>
			function addFont(){
				let b=document.getElementById("d1");
				//alert(d1.style.fontSize);
				var f=document.defaultView.getComputedStyle(b,null).fontSize;
				//alert(f);
				
				b.style.fontSize=(parseInt(f)+5)+"px";
			}
		</script>
	</head>
	<body>
		<div id="d1">
			<pre>
诗曰：
			
绛帻鸡人报晓筹，尚衣方进翠云裘。
			
九天阊阖开宫殿，万国衣冠拜冕旒。
			
日色才临仙掌动，香烟欲傍衮龙浮。
			
朝罢须裁五色诏，佩声归到凤池头。
			</pre>
		</div>
		<button type="button" onclick="addFont()">加大字体5px</button>
	</body>
</html>